@charset "utf-8";
*{margin:0; padding:0;font-family:'微软雅黑';}
.Phone_radius{border-radius:4px;}

.Phone_table{display:table;}
.Phone_tableSpan{display:table-cell; vertical-align:middle}
.Phone_main{color:#fff; text-align:center; width:100%;}
.Phone_main *{ font-size:24px; text-align:center; padding:30px;}
.Phone_show_scale{-webkit-transform:scale(1.5);opacity:0}

.Phone_showInfo{position:fixed;	z-index:999; background:rgba(0,0,0,0.5); max-width:400px; padding:10px 20px; text-align:center; box-sizing:border-box; font-size:10px; color:#fff;}
.Phone_showInfo.errorMsg{padding:5px 10px;}
.Phone_showInfo_ok{background:url(../images/iconRightFFF.png); width:40px; height:31.5px; background-size:cover; display:block; margin:3px auto 10px auto}
.Phone_showInfo_error{background:url(../images/iconNoFFF.png); width:40px; height:31.5px; background-size:cover; display:block; margin:3px auto 10px auto}

.Phone_loading{position:fixed; z-index:999; background:rgba(40, 40, 40, 0); width:160px; height:160px; padding:0px; text-align:center; box-sizing:border-box; font-size:14px; color:#fff; display:table}
.Phone_loading_leaf{opacity: 0.25;}
.Phone_loading span{color:#fff; font-size:14px;}


.Phone_all{ font-family:'微软雅黑';outline:none; word-break:break-all; word-wrap:break-word;}
.Phone_cover{width:100%; padding:0; margin:0; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,0.6);}
.Phone_box{border-radius:3px; overflow:hidden; width:80%; max-width:400px; position:fixed; z-index:999; box-shadow:0 0 5px 1px #999;  background:#fff;}
.Phone_box_head{width:100%; position:relative; padding:20px 20px 0px 20px; box-sizing:border-box; color:#333;}
.Phone_box_head span{font-size:15px}

.Phone_box_main{padding:20px 20px 30px 20px; box-sizing:border-box; font-size:14px; position:relative; color:#888;}
.Phone_box_main *{font-size:14px; color:#666}
.Phone_box_foot{text-align:center; border-top:solid 1px #eee; width:100%; box-sizing:border-box; display: -webkit-box; display: -moz-box; display:box;}
.Phone_box_foot a{letter-spacing:1px; font-size:14px; user-select: none; }
a.Phone_button{height:40px; display:block; line-height:40px; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; box-sizing:border-box;}
a.Phone_button_n{color:#666;}
a.Phone_button_y{color:#20c51f;}
a.Phone_button.hasBorderRight{border-right:solid 1px #eee; }
.Phone_box_foot a:active{background:#f9f9f9}

.imageView_fixAll{width:100%; height:100%; position:fixed; left:0; top:0; z-index:99;}
.imageView_fixDiv{position:relative; width:640px; height:100%; background:rgba(0,0,0,1); margin:0 auto; overflow:hidden}
.imageView_fixBox{position:absolute; left:0; top:0; width:640px; height:100%; text-align:center;}
.imageView_fixDiv .imageView_fixTable{position:relative; position:absolute; left:0; top:0; width:640px; height:100%; text-align:center; display:table}
.imageView_fixSpan{display:table-cell; vertical-align:middle}
.imageView_fixDiv .imageView_fixTable img{max-height:100%;}
.imageView_fixTitle{position:absolute; width:100%; height:60px; line-height:60px; color:#fff; padding:0 30px; box-sizing:border-box; font-size:24px; left:0; top:0; z-index:999; background:rgba(0,0,0,0.5)}
.imageView_fixTitle span{ font-family:Georgia, "Times New Roman", Times, serif; height:60px; line-height:60px; color:#fff; font-size:24px;}
.imageView_fixTitleClose{position:absolute; right:15px; top:0px; z-index:999; padding:15px;}
/*.imageView_fixTitleClose i{background:url(../images/vol_close.png); width:35px; height:36px; display:block}*/
.imageView_loading{text-align:center; position:absolute; width:100%; height:200px; line-height:200px; top:50%; margin-top:-100px; z-index:20; color:#fff; font-size:24px;}

.Phone_showImage{width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:rgba(0,0,0,0.9);}
.Phone_showImage .Phone_loading{left:50%; top:50%; margin-left:-80px; margin-top:-80px;}
.Phone_showImage_box{width:100%; height:100%; position:relative; text-align:center}
.Phone_showImage_txt{position:absolute; width:100%; left:0; bottom:5%; text-align:center; font-size:15px; text-align:center; display:none}
.Phone_showImage_txt span{display:inline-block; padding:5px 10px; color:#fff; text-align:center; font-size:10px; color:#ccc;  background:rgba(0,0,0,0.50); border-radius:5px;}
.Phone_showImage img{max-width:100%; max-height:100%; position:absolute; left:0; top:0; visibility:hidden; right:0; bottom:0; margin:auto}

/*loading*/
.Phone_loading_cover{width:100%; padding:0; margin:0; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,0.6)}
.Phone_loading_box{
  position: absolute;
  width: 0px;
  z-index: 999;
  left: 50%;
  top: 38%;
}
.Phone_loading_box2{position:absolute; width:0px; height:0px; left:50%; top:50%;}
.Phone_loading_text{color:#fff; position:absolute; top:60%; left:0; text-align:center; width:100%; font-size:14px;}
.Phone_showImage_foot{position:absolute; bottom:0; left:0; width:100%; font-size:12px;}
.Phone_loading_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 3.08px;
  background: #d1d1d5;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0px;
      -ms-transform-origin: left 50% 0px;
          transform-origin: left 50% 0px;
}

.Phone_loading_leaf_0 {
  -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
          animation: opacity-60-25-0-12 1.25s linear infinite;
}
.Phone_loading_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px, 0px);
      -ms-transform: rotate(0deg) translate(7.92px, 0px);
          transform: rotate(0deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_1 {
  -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
          animation: opacity-60-25-1-12 1.25s linear infinite;
}
.Phone_loading_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px, 0px);
      -ms-transform: rotate(30deg) translate(7.92px, 0px);
          transform: rotate(30deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_2 {
  -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
          animation: opacity-60-25-2-12 1.25s linear infinite;
}
.Phone_loading_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px, 0px);
      -ms-transform: rotate(60deg) translate(7.92px, 0px);
          transform: rotate(60deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_3 {
  -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
          animation: opacity-60-25-3-12 1.25s linear infinite;
}
.Phone_loading_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px, 0px);
      -ms-transform: rotate(90deg) translate(7.92px, 0px);
          transform: rotate(90deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_4 {
  -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
          animation: opacity-60-25-4-12 1.25s linear infinite;
}
.Phone_loading_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px, 0px);
      -ms-transform: rotate(120deg) translate(7.92px, 0px);
          transform: rotate(120deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_5 {
  -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
          animation: opacity-60-25-5-12 1.25s linear infinite;
}
.Phone_loading_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px, 0px);
      -ms-transform: rotate(150deg) translate(7.92px, 0px);
          transform: rotate(150deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_6 {
  -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
          animation: opacity-60-25-6-12 1.25s linear infinite;
}
.Phone_loading_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px, 0px);
      -ms-transform: rotate(180deg) translate(7.92px, 0px);
          transform: rotate(180deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_7 {
  -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
          animation: opacity-60-25-7-12 1.25s linear infinite;
}
.Phone_loading_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px, 0px);
      -ms-transform: rotate(210deg) translate(7.92px, 0px);
          transform: rotate(210deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_8 {
  -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
          animation: opacity-60-25-8-12 1.25s linear infinite;
}
.Phone_loading_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px, 0px);
      -ms-transform: rotate(240deg) translate(7.92px, 0px);
          transform: rotate(240deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_9 {
  -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
          animation: opacity-60-25-9-12 1.25s linear infinite;
}
.Phone_loading_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px, 0px);
      -ms-transform: rotate(270deg) translate(7.92px, 0px);
          transform: rotate(270deg) translate(7.92px, 0px);
}
.Phone_loading_leaf_10 {
  -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
          animation: opacity-60-25-10-12 1.25s linear infinite;
}
.Phone_loading_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px, 0px);
      -ms-transform: rotate(300deg) translate(7.92px, 0px);
          transform: rotate(300deg) translate(7.92px, 0px);
}
.phone_loading_leaf_11 {
  -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
          animation: opacity-60-25-11-12 1.25s linear infinite;
}
.Phone_loading_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px, 0px);
      -ms-transform: rotate(330deg) translate(7.92px, 0px);
          transform: rotate(330deg) translate(7.92px, 0px);
}

@-webkit-keyframes opacity-60-25-0-12 {
  0% {
    opacity: 0.25;
  }
  0.01% {
    opacity: 0.25;
  }
  0.02% {
    opacity: 1;
  }
  60.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-1-12 {
  0% {
    opacity: 0.25;
  }
  8.34333% {
    opacity: 0.25;
  }
  8.35333% {
    opacity: 1;
  }
  68.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-2-12 {
  0% {
    opacity: 0.25;
  }
  16.6767% {
    opacity: 0.25;
  }
  16.6867% {
    opacity: 1;
  }
  76.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-3-12 {
  0% {
    opacity: 0.25;
  }
  25.01% {
    opacity: 0.25;
  }
  25.02% {
    opacity: 1;
  }
  85.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-4-12 {
  0% {
    opacity: 0.25;
  }
  33.3433% {
    opacity: 0.25;
  }
  33.3533% {
    opacity: 1;
  }
  93.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes opacity-60-25-5-12 {
  0% {
    opacity: 0.270958333333333;
  }
  41.6767% {
    opacity: 0.25;
  }
  41.6867% {
    opacity: 1;
  }
  1.67667% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.270958333333333;
  }
}
@-webkit-keyframes opacity-60-25-6-12 {
  0% {
    opacity: 0.375125;
  }
  50.01% {
    opacity: 0.25;
  }
  50.02% {
    opacity: 1;
  }
  10.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.375125;
  }
}
@-webkit-keyframes opacity-60-25-7-12 {
  0% {
    opacity: 0.479291666666667;
  }
  58.3433% {
    opacity: 0.25;
  }
  58.3533% {
    opacity: 1;
  }
  18.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.479291666666667;
  }
}
@-webkit-keyframes opacity-60-25-8-12 {
  0% {
    opacity: 0.583458333333333;
  }
  66.6767% {
    opacity: 0.25;
  }
  66.6867% {
    opacity: 1;
  }
  26.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.583458333333333;
  }
}
@-webkit-keyframes opacity-60-25-9-12 {
  0% {
    opacity: 0.687625;
  }
  75.01% {
    opacity: 0.25;
  }
  75.02% {
    opacity: 1;
  }
  35.01% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.687625;
  }
}
@-webkit-keyframes opacity-60-25-10-12 {
  0% {
    opacity: 0.791791666666667;
  }
  83.3433% {
    opacity: 0.25;
  }
  83.3533% {
    opacity: 1;
  }
  43.3433% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.791791666666667;
  }
}
@-webkit-keyframes opacity-60-25-11-12 {
  0% {
    opacity: 0.895958333333333;
  }
  91.6767% {
    opacity: 0.25;
  }
  91.6867% {
    opacity: 1;
  }
  51.6767% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.895958333333333;
  }
}

.Phone_window{border-radius:3px; overflow:hidden; width:82%; max-width:540px; position:fixed; z-index:999; background:#fff;}
.Phone_window_head{width:100%; position:relative; padding:15px 20px 0px 20px; box-sizing:border-box; color:#333;}
.Phone_window_head span{font-size:16px; color:#20c51e}

.Phone_window_main{padding:20px 20px 20px 20px; box-sizing:border-box; font-size:13px; position:relative; color:#888;}
.Phone_window_loading{background:url(../images/009.gif); width:30px; height:30px; display:inline-block; background-size:cover}

